<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>腾讯游戏道聚城-集道具聚欢乐</title>
		<link rel="stylesheet" href="购物车.css">
	</head>
	<body>
		<div class="mudiv">
			
			<!-- 导航部分 -->
			<div class="daohangA">
				<div class="daohang1">
					<a href="">
						<img src="img/图像 1.jpg" alt="" class="xiaoshouji">
					</a>
					<a href="" class="Qbi">
						手机版
					</a>
					<span> | </span>
					<a href="" class="Qbi">
						 Q币充值
					</a>
				</div>
				<div class="daohang2">
					<a href="">您还未登录请登录</a>
					<span> | </span>
					<a href="">我的订单</a>
					<span> | </span>
					<a href="">个人中心</a>
					<span> | </span>
					<a href="">帮助中心</a>
					<span> | </span>
					<a href="">
						<select>
							<option value="">游戏导航</option>
						</select>
					</a>
				</div>
			</div>
			<div class="daohangB">
				<form action="">
					<div class="b1">
						<a href=""></a>
					</div>
					<div class="b2">
						<input type="text" name="" id="oo" value="" placeholder="请输入道具进行搜索" />
					</div>
					<div class="b3">
						<input type="submit" name="" id="oi" value="" />
					</div>	
					<div class="b4">
						<a href=""></a>
					</div>
				</form>
			</div>
			<div class="daohangC">
				<div class="dhc1">
					<div class="c1">
						<a href="">首页</a>
					</div>
					<div class="c1">
						<a href="">商品列表</a>
					</div>
					<div class="c1">
						<a href="">活动转区</a>
					</div>
					<div class="c1">
						<a href="">限时折扣</a>
					</div>
					<div class="c1">
						<a href="">聚豆乐园</a>
					</div>
					<div class="c1">
						<a href="">周边商城</a>
					</div>
					<div class="c1">
						<a href="">个人中心</a>
					</div>
					<div class="c3">
						
					</div>
					<div class="c2">
						<a href="">购物车(2)</a>
					</div>
				</div>
			</div>
			
			<!-- 内容部分 -->
			<div class="neirong">
				<p>您现在的位置：购物车</p>
				<div class="nr1">
					<ul>
						<li class="nr2">收货角色信息</li>
						<li class="nr3">当前绑定的角色:      艾欧尼亚      桃柏柏
							<a href="">跟换角色信息</a>
						</li>
						<li class="nr2">商品信息</li>
						<li class="nr4">
							<form action="">
								<ul>
									<li class="nr7">
										<ul class="nr5">
											<li>
												<input type="checkbox" name="" id="" value="" />全选
											</li>
											<li class="nr6">商品名称</li>
											<li>类型</li>
											<li>单价</li>
											<li>期限</li>
											<li>数量</li>
											<li>优惠</li>
											<li>小计</li>
											<li>操作</li>
										</ul>
									</li>
									<li class="nr7">
										<ul class="nr5">
											<li>
												<input type="checkbox" name="" id="" value="" />
											</li>
											<li class="nr8">灵能特工 凯尔 幻灵版</li>
											<li>道具包</li>
											<li>104.00 Q币</li>
											<li>礼包</li>
											<li>1</li>
											<li>无优惠</li>
											<li>99.00 Q币</li>
											<li>
												<a href="">关注</a>
												<a href="">删除</a>
											</li>
										</ul>
									</li>
									<li class="h1">
										
										<table width="600px" height="200px">
											<tr>
												<td>道具名称</td>
												<td>原价</td>
												<td>折扣价</td>
												<td>是否拥有</td>
											</tr>
											<tr>
												<td><img src="" alt="">灵能特工 凯尔</td>
												<td>79.00Q币</td>
												<td>79.00Q币</td>
												<td>无</td>
											</tr>
											<tr>
												<td><img src="" alt="">灵能特工 凯尔 图标</td>
												<td>79.00Q币</td>
												<td>79.00Q币</td>
												<td>无</td>
											</tr>
											<tr>
												<td><img src="" alt="">正义天使 凯尔</td>
												<td>10.00Q币</td>
												<td>5.00Q币</td>
												<td>已拥有</td>
											</tr>
										</table>
									</li>
									<li class="nr7">
										<ul class="nr5">
											<li>
												<input type="checkbox" name="" id="" value="" />
											</li>
											<li class="nr8">灵能特工 凯尔 幻灵版</li>
											<li>道具包</li>
											<li>104.00 Q币</li>
											<li>礼包</li>
											<li>1</li>
											<li>无优惠</li>
											<li>99.00 Q币</li>
											<li>
												<a href="">关注</a>
												<a href="">删除</a>
											</li>
										</ul>
									</li>
									<li>
										<li class="h1">
											
											<table width="600px" height="200px">
												<tr>
													<td>道具名称</td>
													<td>原价</td>
													<td>折扣价</td>
													<td>是否拥有</td>
												</tr>
												<tr>
													<td><img src="" alt="">灵能特工 凯尔</td>
													<td>79.00Q币</td>
													<td>79.00Q币</td>
													<td>无</td>
												</tr>
												<tr>
													<td><img src="" alt="">灵能特工 凯尔 图标</td>
													<td>79.00Q币</td>
													<td>79.00Q币</td>
													<td>无</td>
												</tr>
												<tr>
													<td><img src="" alt="">正义天使 凯尔</td>
													<td>10.00Q币</td>
													<td>5.00Q币</td>
													<td>已拥有</td>
												</tr>
											</table>
										</li>
									</li>
								</ul>
							</form>
						</li>
						<li class="nr2">您的优惠信息</li>
						<li class="h2">优惠劵总量：0 <a href="">如何获得优惠劵》</a></li>
						<li>
							<div class="h3">
								<span>英雄联盟周商城火热上线查看详情</span>
								<span>实付款：0.00 Q币</span>
							</div>
							<div  class="h4">
								<a href="">提交订单</a>
							</div>
						</li>
						<li class="nr2">温馨提示</li>
						<li>
							<p>"LOL优惠券使用规则：[道具包]分类道具全场无法使用，每张优惠券的信息，请仔细核对以下信息：订单满减的金额是否符合要求、优惠券限定可用的道具范围。"</p>
							<p>"购买成功后系统会自动发货，如发货失败24小时内会自动补发。"</p>
							<p>"请确认游戏中是否存在购物车中的英雄或皮肤，如果存在，请勿重复购买。</p>
							<p>"请重新登录游戏查收物品。"</p>
						</li>
					</ul>
				</div>
			</div>
			<!-- 尾部 -->
			<div class="weibuA">
				<div class="weibuAa">
					<ul>
						<li>
							<div class="wa1"></div>
							<div  class="wa2">
								<ul>
									<li>我是新手</li>
									<li>
										<a href="">什么是道聚城</a>
									</li>
									<li>
										<a href="">如何购买</a>
									</li>
									<li>
										<a href="">如何赠送</a>
									</li>
									<li>
										<a href="">如何获取聚豆</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<div class="wa11"></div>
							<div class="wa2">
								<ul>
									<li>个人中心</li>
									<li>
										<a href="">发货时间</a>
									</li>
									<li>
										<a href="">如何领取</a>
									</li>
									<li>
										<a href="">补发规则</a>
									</li>
									<li>
										<a href="">Vip价定义</a>
									</li>
									<li>
										<a href="">道具状态定义</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<div class="wa111">
							</div>
							<div class="wa2">
								<ul>
									<li>支付方式</li>
									<li>
										<a href="">支付方式</a>
									</li>
									<li>
										<a href="">购物点支付</a>
									</li>
									<li>
										<a href="">如何充值</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<div class="wa1111"></div>
							<div class="wa2">
								<ul>
									<li>腾讯在线服务</li>
									<li>
										<a href="">腾讯官方在线客服</a>
									</li>
								</ul>
								<div>
									<img src="img/business.png" alt="">
								</div>
							</div>
						</li>
						<li>
							<ul class="wa3">
								<li>
									<img src="img/zsdjc.png" alt="" width="100px" height="100px">
								</li>
								<li class="wa4">掌上道聚城</li>
							</ul>
							<ul class="wa3">
									<img src="img/wechatdjc.png" alt="">
								<li>
								</li>
								<li class="wa4">道聚城公众号</li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="weibuB">
					<p>
						腾讯互动娱乐 | 服务条款| 腾讯游戏隐私保护指引| 腾讯游戏儿童隐私保护指引| 广告服务 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏地图 | 成长守护平台 | 商务合作 | 网站导航
					</p>
					<p>
						COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.
					</p>
					<p>
						腾讯公司 版权所有
					</p>
				</div>
			</div>
		</div>
	</body>
</html>












